<template>
	<view>
		<view class="d1">
			<text class="t1">康复训练服务</text>
			<text class="t2">陪同残疾人洗涤</text>
		</view>
		<view class="d2">
			<view class="d2left">
				<text class="t3">￥</text>
				<text class="t4">38</text>
				<text class="t5">/次</text>
			</view>
			<view class="d2right">
				<text class="t6">三次免费服务</text>
				<text class="t7">剩余:</text>
				<text class="t8">3</text>
				<text class="t9">次</text>
			</view>
		</view>
		<view class="d3"></view>
		<view class="d4">
			<text>服务介绍</text>
		</view>
		<view class="d5">
			陪同残疾人到医院就诊，助医过程中必须有家属在场，途中注意安全，注意观察残疾人身体情况，如遇残疾人身体             不适，协助采取相应应急措施。
		</view>
		<navigator url="./lifaOrder">
		<view class="d6">
			<button id="btn" type="default">下单</button>
		</view>
		</navigator>
	</view>
</template>

<script>
</script>

<style scoped>
	.d1{
		display: flex;
		flex-direction: column;
		height: 300rpx;
		background:url('http://ww1.sinaimg.cn/large/006PeBlYgy1gtlxzuge04j60a604tglz02.jpg') 0 0 no-repeat
	}
	.t1{
		margin-left: 30rpx;
		font-size: 33rpx;
		font-weight: 900;
		margin-top: 100rpx;
		color: white;
	}
	.t2{
		margin-left: 30rpx;
		font-size: 25rpx;
		font-weight: 500;
		margin-top: 30rpx;
		color: white;
	}
	.d2{
		display: flex;
		justify-content:space-between;
		margin-top: 15rpx;
	}
	.d2left{
		margin-left: 20rpx;
	}
	.d2right{
		margin-right: 20rpx;
		margin-top: 20rpx;
	}
	.t3{
		color:#ff7417;
		font-size:28rpx
	}
	.t4{
		color: #ff7417;
		font-size: 50rpx;
	}
	.t5{
		font-size: 24rpx;
		color: #bfbfbf;
	}
	.t6,.t7{
		font-size: 26rpx;
		color: #bfbfbf;
	}
	.t8{
		font-size: 32rpx;
		color: #ff7417;
	}
	.t9{
		color: #bfbfbf;
	}
	.d3{
		width: 100%;
		height: 28rpx;
		background: #f6f6f6;
		margin-top: 30rpx;
	}
	.d5{
		height: 50rpx;
		line-height: 50rpx;
		margin-left: 20rpx;
		margin-right: 20rpx;
		margin-top: 40rpx;
	}
	.d4{
		margin-left: 20rpx;
		margin-top: 30rpx;
	}
	#btn{
		background: #3774ec;
		margin-left: 15rpx;
		margin-right: 15rpx;
		color: #fff;
		margin-top: 470rpx;
	}
</style>
